<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>.: BooMS v1.0 :.</title>
<link type="text/css" rel="stylesheet" href="<?php echo base_url();?>css/reset.css" />
<link type="text/css" rel="stylesheet" href="<?php echo base_url();?>css/960.css" />
<link type="text/css" rel="stylesheet" href="<?php echo base_url();?>css/main.css" />
<link type="text/css" rel="stylesheet" href="<?php echo base_url();?>css/datepicker.css" />

<script type="text/javascript" src="<?php echo base_url();?>js/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="<?php echo base_url();?><?php echo base_url();?>js/jquery-ui-1.8.9.custom.min.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>js/datepicker.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>js/tinymce/jscripts/tiny_mce/jquery.tinymce.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>js/jquery.validate.js"></script>

<style>
   
    #loginForm {
        background-color:#F9F9F9;
        border:7px solid #000;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        border-radius:10px;
        -moz-box-shadow: 2px 2px 10px #111;
        -webkit-box-shadow: 2px 2px 10px #111;
        box-shadow: 2px 2px 10px #111;
        height:250px;
        margin:30px auto;
        width:400px;
    }
    #loginForm form {padding:10px 20px 20px 60px;}
    #loginForm h2 {padding-left:20px;}
    #loginForm label, #loginForm input {display: block; margin:10px 0 5px;}
    #loginForm input {width:200px;}
    #loginForm input#submit {width:100px; margin-top:20px;}
</style>
</head>

<body>
    <div id="wrap">
        <div id="top">
            <div id="globalNavigation">
                <div id="user">
                    <ul>
                        <li><a href="#">Change info</a></li>
                        <li><a href="#">Log out</a></li>
                    </ul>
                </div>
                    <div id="logo">
                    <h1>BooMS</h1>
                    <p><em>Boo's website content management</em></p>
                </div>
                    <div id="menu">
                    <ul>
                        <li class="selected"><a href="#">Product</a></li>
                        <li><a href="#">News</a></li>
                        <li><a href="#">Advertiment</a></li>
                        <li><a href="#"></a></li>
                    </ul>
                </div>
                <div class="clear"></div>
            </div>
        </div>

        <div id="loginForm">
            <h2>Please enter your Username &amp; Password</h2>
            <form id="login" name="login" action="" method="post">
                <label>Username: </label>
                <input type="text" id="booUser" name="booUser" value="" />
                <label for="booPass">Password: </label>
                <input type="password" id="booPass" name="booPass" value="" />
                <input type="submit" id="submit" name="submit" value="Login" />
            </form>
        </div>
    </div>
</body>
</html>